<div>1</div>
<div>2</div>
<div>3</div>
<script>
    ; (function (window, undefined) {
        // 自调用函数
        let jQuery = function (e) {
            return new init(e)
        }
        // 给jq增加一个静态方法快捷操作，改静态给init加原型方法
        jQuery.extend = function (Object) {
            for (let key in Object) {
                init.prototype[key] = Object[key]
            }
        }
        function init(e) {
            let el = document.querySelectorAll(e)
            // this就是实例化对象，谁调用就是谁
            // 获取所有数据
            // 遍历数据 js 的dom 绑定到jq上
            for (let i = 0; i < el.length; i++) {
                this[i] = el[i]
            }
            this.length = el.length
        }

         // 添加原型方法
         init.prototype = {
            css(attr, attrval) {
                // this就是实例化对象
                for (let i = 0; i < this.length; i++) {
                    this[i].style[attr] = attrval
                }
                // 不写return默认返回undefined
                return this
            }
        }

        window.jQuery = window.$ = jQuery
    })(window)

    let a = new $('div')

    console.log(a.css('color', 'red'));
</script>